/**
 * @Name:    theme.scss
 * @Object:  pc/mobile
 * @Author:  XiaoYu/Guo CJ
 * @E-mail:  592429285@qq.com
 * @Time:    2023.3.18
 */
@charset "UTF-8";

/*文本颜色*/
$color-theme: #ee8858;
$color-theme-hover: #f07338;
$color-primary: #3498db;
$color-success: #32BB6B;
$color-info: #58a3e9;
$color-warning: #f6ab00;
$color-danger: #FF3030;
$color-purple: #59589e;
$color-night: #181e45;
$color-dark: #000;
$color-gray: #b5b5b5;
$color-white: #fff;
$color-default: #fafafa;
$color-f2: #f2f2f2;
$color-f6: #f6f6f6;
$color-f8: #f8f8f8;
$color-f9: #f9f9f9;
$color-333: #333;
$color-666: #666;
$color-888: #888;
$color-999: #999;
$color-aaa: #aaa;
$color-bbb: #bbb;
$color-ccc: #ccc;
$color-ddd: #ddd;
$color-eee: #eee;
$color-input-border-hover: #c0c4cc;
$color-input-border-focus: #409eff;

@mixin text-primary {
    color: $color-primary;
}
@mixin text-success {
    color: $color-success;
}
@mixin text-info {
    color: $color-info;
}
@mixin text-warning {
    color: $color-warning;
}
@mixin text-danger {
    color: $color-danger;
}
@mixin text-purple {
    color: $color-purple;
}
@mixin text-night {
    color: $color-night;
}
@mixin text-white {
    color: $color-white;
}
@mixin text-gray {
    color: $color-gray;
}
@mixin text-dark {
    color: $color-dark;
}

// 背景颜色
$bg-color-primary: $color-primary;
$bg-color-success: #86C17A;
$bg-color-info: #7DBAF3;
$bg-color-warning: #F1BB65;
$bg-color-danger: #E87676;
$bg-color-purple: #8e44ad;
$bg-color-white: $color-white;
$bg-color-default: #efefef;
$bg-color-dark: $color-dark;
$bg-color-night: $color-night;
$bg-color-table-header: $color-f8;

// 鼠标经过背景色
$bg-color-primary-hover: #2189cf;
$bg-color-success-hover: #7cb570;
$bg-color-info-hover: #6da8df;
$bg-color-warning-hover: #e6b05b;
$bg-color-danger-hover: #de6969;
$bg-color-purple-hover: #80399d;
$bg-color-default-hover: #eaeaea;
$bg-color-dark-hover: $color-dark;
$bg-color-night-hover: #282f5f;

@mixin bg-primary {
    background-color: $bg-color-primary;
}
@mixin bg-success {
    background-color: $bg-color-success;
}
@mixin bg-info {
    background-color: $bg-color-info;
}
@mixin bg-warning {
    background-color: $bg-color-warning;
}
@mixin bg-danger {
    background-color: $bg-color-danger;
}
@mixin bg-purple {
    background-color: $bg-color-purple;
}
@mixin bg-white {
    background-color: $bg-color-white;
}
@mixin bg-night {
    background-color: $bg-color-night;
}
@mixin bg-night-hover {
    background-color: $bg-color-night-hover;
}
@mixin bg-default {
    background-color: $bg-color-default;
}